<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="author" content="yangxin">
<meta name="keywords" content="html css javascript js">
<!--<meta http-equiv="refresh" content="10;url=mainpage.html">-->
<title>My title</title>
<base target="_blank"/>
<link rel="stylesheet" type="text/css" href="http://seanyang-nb.tencent.com/css/ex1.css" />
<style type="text/css">
    <!--
    h1 { font-size: 20pt; background-color: #c0c0c0}
    body
    {
        background : transparent url('/images/0001.jpg') no-repeat scroll center left
        /*background-image: url(/images/0001.jpg);
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: 5px 400px;*/
    }
    -->
</style>
</head>

<body><!-- style="background-color:PowderBlue;">-->
 
<h1>Text formatting</h1>
<a name="formatting">Examples of formatting</a>
<p style="font-family:verdana;color:red;font-size:20px;text-align:center;background-color:black;">This is in verdana and red and 20 px high.</p>
<p><b>This text is bold</b></p>
<p><big>This text is big</big></p>
<p><i>This text is italic</i></p>
<p><code>This is computer output</code></p>
<p>This is<sub> subscript</sub> and <sup>superscript</sup></p>
<p><em>This is emphasized text.</em></p>
<br/><br/>

<bdo dir="rtl">I love xiong xiong</bdo>
<br/><br/>

<blockquote>
This is a long quotation. This is a long quotation. This is a long quotation. This is a long quotation. This is a long quotation.
</blockquote>
<q>
This is a long quotation. This is a long quotation. This is a long quotation. This is a long quotation. This is a long quotation.
</q>
<br/>

<p>I love <del>xiaohei</del> <ins>xiongxiong</ins></p>

<h1>Link</h1>
<p><a href = "page1.html">This is a link to page 1.</a></p>
<p><a href = "page2.html">This is a link to page 2.</a></p>
<p><a href = "http://www.google.com/ncr">Google</a></p>
<p><a href="http://www.baidu.com" target="_blank">Baidu</a></p>
<p><a href="../php/array.php" target="_blank">array</a></p>

<p>&nbsp;</p>
<h1>&nbsp;</h1>
<!-- <img src="go_new.gif" width="100" height="100" /> -->

<a href="#formatting">Go to the formatting section.</a>

<h1>Image</h1>
<p>
Use image as a link
<a href="http://www.google.com">
<img border="0" alt="google's logo" src="/images/logo.gif">
</a>
</p>

<p>
<a href="mailto:yang.xin.00@gmail.com?cc=sam.yang.xin@gmail.com&bcc=xin.sam.yang@gmail.com&subject=Hi,%20i%20am%20sam!&body=I'm%20happy%20to%20meet%20you!">
Tell us what you think!
</a>
</p>

<p>
An external img example:
<img src="http://www.55bbs.com/attachments/2009/03/12/290259_200903121752511vMp3.thumb.jpg"  width="145" height="90" alt="三月江南之行">
</p>

<h1>table</h1>

<table border="3" frame="vsides">
    <caption>
        salary table
    </caption>
    <tr>
        <th>Col 1</th>
        <th colspan="2">Telephone</th>
        <!--<th>Col 3</th>-->
        <!--<td><b>Col 1<b/></td>
        <td><b>Col 2</b></td>
        <td><b>Col 3</b></td>-->
    </tr>
    <tr>
        <td>1</td>
        <td rowspan="2">2</td>
        <td>3</td>
    </tr>
    <tr>
        <td>4</td>
        <td>5</td>
        <!--<td>&nbsp;</td>-->
    </tr>
</table>

<table border="1" cellpadding="10">
    <tr>
        <td bgcolor="green">
            <p>This cell contains paragraphs.</p>
            <p>This cell contains paragraphs.</p>
        </td>
        <td>
            <p>This cell contains a table.</p>
            <table border="5" bgcolor="pink" frame="hsides">
                <tr>
                    <td>
                        1
                    </td>
                    <td>
                        2
                    </td>
                </tr>
                <tr>
                    <td>
                        3
                    </td>
                    <td>
                        4
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <tr> 
        <td align="right">
            <p>This cell contains list.</p>
            <ul>
                <li>YANGXIN</li>
                <li>XX</li>
                <li>Day</li>
                <li>mick</li>
            </ul>
        </td>
        <td background="/images/logo.gif">
            <p>This cell contains formatted text.</p>
            <h1>h1</h1>
        </td>
    </tr>
</table>

<h1>list</h1>
<ul>
	<li>Coffee</li>
	<li>Tea
		<ul>
			<li>Black tea</li>
			<li>green tea
				<ul>
					<li>中国</li>
					<li>非洲</li>
				</ul>
			</li>
		</ul>
	</li>
	<li>Milk</li>
</ul>

<FORM action="">
username:
<INPUT TYPE="text" name="username">
<br/>
password:
<INPUT TYPE="password" name="passwd">
</FORM>
<br/>
 
 <form action="">
Male <INPUT TYPE="radio" name="sex" value="male" checked="checked">
<br/>
Female <INPUT TYPE="radio" name="sex" value="female" ><br/>
<input type="submit" value="submit info now" />
</form>

<INPUT TYPE="checkbox" name="lang" value="english"> English <br/>
<INPUT TYPE="checkbox" name="lang" value="germany"> Germany <br/>
<INPUT TYPE="checkbox" name="lang" value="british"> British <br/>

<select name="cars">
<OPTION value="benz">benz</option>
<OPTION value="benz">BSJ</option>
<OPTION value="benz" SELECTED>DZ</option>
</select>
<br/>

<textarea rows="10"  cols="30">
input here!
</textarea>
<br/>

<form>
	<input type="button" value="hello, world!!">
</form>

<fieldset>
	<legend>
		Info
	</legend>
	<form>
		Height: <input type="text" size="5">
		Height: <input type="text" size="5">
	</form>
</fieldset>

<form action="mailto:yang.xin.00@gmail.com" method="post" enctype="text/plain">
Name:<br/>
<input type="text" name="name" value="yourname" size="20"/>
<br/>
Mail:<br/>
<input type="text" name="mail" value="yourmail" size="20"/>
<br/>
Comment:<br/>
<input type="text" name="comment" value="yourcomment" size="40"/>
<br/><br/>
<input type="submit" value="submit" />
<input type="reset" value="reset" />
</form>

</body>

<frameset rows="50%,50%">
    <frame src="page1.html" >
    <frame src="page2.html" >
</frameset>

<!--<iframe src="http://www.gogole.com/"> </iframe>-->

<h1 style="font-size:80px">Advanced Topis</h1>
<script type="text/javascript">
    document.write("<h3>hello, world!</h3>")
</script>

</html>
